<template>
    <div class="about">
        <div class="guanone">
            <img src="@/assets/img/addition/shouhead.png" alt="" class="shouhead"/>
            <span class="oumiao">欧易（www.okx.com）是全球著名的数字资产交易平台之一，主要面向全球用户提供
比特币、莱特币、以太币等数字资产的币币和衍生品交易服务。</span>
        </div>
        <div class="guantwo">
            <div class="guanitem">
                <div class="yj">
                    <div class="kaunone"></div>
                    <div class="kauntwo"></div>
                    <span class="yjtit">愿景</span>
                </div>
                <span class="zhui">在追求全体同事物质和精神幸福的同时，推动区块链和数字资产走进全球亿万用户的生活。</span>
            </div>
            <div class="guanitem">
                <div class="yj">
                    <div class="kaunone"></div>
                    <div class="kauntwo"></div>
                    <span class="yjtit">使命</span>
                </div>
                <span class="zhui">通过区块链和数字资产让世界变得更透明、更美好。</span>
            </div>
        </div>
        <div class="guanthree">
            <span class="zitit">关于数字资产</span>
            <div class="ziview">
                <div class="zileft">
                    <span class="spantit">数字货币是一种使用密码学原理来确保交易安全的交易媒介。与美元等法币不同，数字货币并没有实体形式。Bitcoin (BTC)、Ethereum (ETH) 和 Polkadot (DOT) 等热门数字货币以区块链作为底层技术，充当去中心化的数字分类账。</span>
                    <span class="spantit">所有数字货币交易都记录在区块链中，一经确认和验证就无法更改。与传统货币由银行维护中心化分类账不同，数字货币交易在公共区块链上进行，任何人都可以访问。</span>
                    <span class="spantit">此外，根据共识机制，人人都可以验证数字货币交易并将其添加到区块链，从而实现去中心化。</span>
                </div>
                <img src="@/assets/img/addition/shouka.png" alt="" class="shouka"/>
            </div>
        </div>
        <div class="guanfour">
            <span class="gftit">从世界范围来看，目前主流业界对比特币主要有5种观点，共识正在逐步形成。</span>
            <span class="gfmiao">第一，比特币是一种虚拟商品，有一定的投资属性；</span>
            <span class="gfmiao">第二，比特币是一种点对点支付手段，未来有挑战Visa垄断地位的可能性；</span>
            <span class="gfmiao">第三，比特币区块链作为一种底层区块链，为其他的公有区块链提供共识解决方案，比特币本身是使用这个底层区块链的手续费，比特币区块链未来可能成为其他区块链应用的基础设施；</span>
            <span class="gfmiao">第四，比特币是一种互联网上的虚拟货币，拥有一定的货币属性，在特定的互联网社区里有一定的支付属性；</span>
            <span class="gfmiao">第五，比特币是一种类似黄金的储备资产，因其标准化、可拆分、可在线传输等特点，在支付效率、保存成本等方面有巨大优势，未来有可能成为“数字黄金”，并且是在价值互联网时代可能取代黄金的一种全球性资产。</span>

        </div>
    </div>
</template>
  
<script>
import { ref } from 'vue';
export default {
    name: "About",
    data() {
        return {
            modal1: false,
            ishead: 0,
            iseye: false,
            istou: 2,
            isrenzheng: false,//是否认证样式
        };
    },
    mounted() {
        // autofit.init({
        //   dh: 950,
        //   dw: 1200,
        //   el: "#app",
        //   resize: true
        // });
        // let devicewidth = document.documentElement.clientWidth//获取当前分辨率下的可是区域宽度
        //   let scale = devicewidth / 1920 // 分母——设计稿的尺寸
        //   document.body.style.zoom = scale//放大缩小相应倍数
        // },
    },
    setup() {
    },
    methods: {
        toggleMode(e) {
            // console.log(e)
            this.ishead = e

        },
        istouClick(e) {
            this.istou = e
        },
        xiumi(e){
            if(e == 1){
                //修改登录密码
                this.$router.push({ path: '/LoginPSD'})
            }else if(e == 2){
                //修改邮箱
                this.$router.push({ path: '/EmailEdit'})
            }
        }
    }
};
//   const ishead = ref('0');
//   const toggleMode = (e) => {
//     ishead.value = e;
//   };
</script>
  
<style lang="scss" scoped>
.about{
    .guanone{
        padding: 80px 25%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #000000;
        .shouhead{
            width: 265px;
            height: 64px;
            margin-bottom: 40px;
        }
        .oumiao{
            text-align: center;
            display: block;
            font-size: 15px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #FFFFFF;
        }
    }
    .guantwo{
        padding: 70px 20%;
        display: flex;
        flex-direction: row;
        background: #121212;
        .guanitem{
            display: flex;
            flex-direction: column;
            width: 50%;

            .yj{
                position: relative;
                position: relative;
                 width: 67px;
                .kaunone{
                    position: absolute;
                    width: 44px;
                    height: 44px;
                    background: #FFFFFF;
                    opacity: 0.15;
                    top: -26px;
                    left: -2px;
                }
                .yjtit{
                    font-size: 23px;
                    font-family: Source Han Sans CN;
                    font-weight: 500;
                    color: #FFFFFF;
                }
                .kauntwo{
                    width: 44px;
                    height: 44px;
                    background: #FFFFFF;
                    opacity: 0.15;
                    opacity: 0.15;
                    top: -7px;
                    right: 0;
                    position: absolute;
                }
            }
            .zhui{
                font-size: 10px;
                font-family: Source Han Sans CN;
                font-weight: 500;
                color: #FFFFFF;
                display: block;
                margin-top: 24px;
            }
        }
    }
    .guanthree{
        padding: 40px 20%;
        display: flex;
        flex-direction: column;
        .zitit{
            font-size: 30px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #000000;
            display: block;
            margin-bottom: 30px;
        }
        .ziview{
            display: flex;
            flex-direction: row;
            .zileft{
                width: 60%;
                display: flex;
                flex-direction: column;
                .spantit{
                    font-size: 14px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    display: block;
                    margin-bottom: 20px;
                    color: #000000;
                }
                .spantit:last-child{
                    margin-bottom: 0;
                }
            }
            .shouka{
                margin-left: auto;
                width: 130px;
                height: 130px;
            }
        }
    }
    .guanfour{
        padding: 50px 25% 30px;
        display: flex;
        flex-direction: column;
        background: #121212;
        .gftit{
            font-size: 20px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #FFFFFF;
            display: block;
            margin-bottom: 40px;
        }
        .gfmiao{
            font-size: 14px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: #FFFFFF;
            display: block;
            margin-bottom: 20px;
        }
        .gfmiao:last-child{
            margin-bottom: 0;
        }
    }
}
</style>